<template>
  <div class="hello">
    <div class="banner">
      <div class="container">
        <div class="banner_bg">
          <section class="slider">
            <div class="flexslider">
              <ul class="slides">
                <li style="list-style-type:none">
                  <div class="wthree_banner_info_grid">
                    <h3>盛夏满天繁星，你坐在巷口乘凉，拿着蒲扇扇着蚊虫的时候，你喜不喜欢这个时候有一阵凉风？我大概就是这么喜欢你。</h3>
                  </div>
                </li>
              </ul>
            </div>
          </section>
        </div>
      </div>
      <div class="w3l_banner_info">
        <div class="container">
          <div class="col-md-4 w3l_banner_info_left">

            <div class="col-xs-8 w3l_banner_info_left_grid_left">
              <h3><a href="single.html">喜欢你</a></h3>
              <p>生活虽无趣但这里有趣</p>
            </div>
            <div class="clearfix"> </div>
          </div>
          <div class="col-md-4 w3l_banner_info_left">
            <div class="col-xs-8 w3l_banner_info_left_grid_left">
              <h3><a href="single.html">陪你看星星</a></h3>
              <p>尽管海底无月，但希望你心上有人</p>
            </div>
            <div class="clearfix"> </div>
          </div>
          <div class="col-md-4 w3l_banner_info_left">
            <div class="col-xs-8 w3l_banner_info_left_grid_left">
              <h3><a href="single.html">开心最重要</a></h3>
              <p>做自己，永远遵从内心的选择</p>
            </div>
            <div class="clearfix"> </div>
          </div>
          <div class="clearfix"> </div>
        </div>
      </div>
    </div>

    <div class="banner-bottom">
      <div class="container">
        <div class="w3ls_banner_bottom_grids">
          <div class="col-md-6 w3ls_banner_bottom_grid_left">
            <h3>念奴娇·赤壁怀古</h3>
            <p>大江东去，浪淘尽，千古风流人物。
              故垒西边，人道是，三国周郎赤壁。
              乱石穿空，惊涛拍岸，卷起千堆雪。
              江山如画，一时多少豪杰。
              遥想公瑾当年，小乔初嫁了，雄姿英发。
              羽扇纶巾，谈笑间，樯橹灰飞烟灭。
              故国神游，多情应笑我，早生华发。
              人生如梦，一尊还酹江月。
            </p>
            <div class="more">
              <a href="/single.html" class="button--aylen button--round-l button--text-thick">查看详情</a>
            </div>
          </div>
          <div class="col-md-6 w3ls_banner_bottom_grid_right">
            <div class="view view-seventh">
              <img src="/static/img/2.jpg" alt=" " class="img-responsive" />
              <div class="mask">
                <h3>念奴娇·赤壁怀古</h3>
                <p>《念奴娇·赤壁怀古》是宋代文学家苏轼的词作，是豪放词的代表作之一。此词通过对月夜江上壮美景色的描绘，借对古代战场的凭吊和对风流人物才略、气度、功业的追念，曲折地表达了作者怀才不遇、功业未就、老大未成的忧愤之情，同时表现了作者关注历史和人生的旷达之心。全词借古抒怀，雄浑苍凉，大气磅礴，笔力遒劲，境界宏阔，将写景、咏史、抒情融为一体，给人以撼魂荡魄的艺术力量，曾被誉为“古今绝唱”。</p>
              </div>
            </div>
          </div>
          <div class="clearfix"> </div>
        </div>
      </div>
    </div>

    <div class="about">
      <div class="container">
        <div class="wthree_about_grids">
          <div class="col-md-6 wthree_about_grid">
            <img src="/static/img/1.jpg" alt=" " class="img-responsive" />
          </div>
          <div class="col-md-6 wthree_about_grid">
            <h2>水调歌头·明月几时有</h2>
            <p>丙辰中秋，欢饮达旦，大醉，作此篇。兼怀子由。
              明月几时有，把酒问青天。
              不知天上宫阙，今夕是何年？
              我欲乘风归去，又恐琼楼玉宇，
              高处不胜寒。
              起舞弄清影，何似在人间！


              转朱阁，低绮户，照无眠。
              不应有恨，何事长向别时圆？
              人有悲欢离合，月有阴晴圆缺，
              此事古难全。
              但愿人长久，千里共婵娟。</p>
          </div>
          <div class="clearfix"> </div>
        </div>
      </div>
    </div>

    <div class="blog">
      <div class="container">
        <h3>最新内容</h3>
        <p class="qui">为您推荐本站最新内容</p>
        <div class="agile_blog_grids">
          <div class="col-md-4 agile_blog_grid">
            <div class="video-img">
              <img src="/static/img/3.jpg" alt="" class="img-responsive" />
              <a class="agileits_play_icon popup-with-zoom-anim" href="#small-dialog">
                <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
              </a>
            </div>
            <h4><a href="single.html">侠客行</a></h4>
            <p class="ut">赵客缦胡缨，吴钩霜雪明。
              银鞍照白马，飒沓如流星。
              十步杀一人，千里不留行。
              事了拂衣去，深藏功与名。
              闲过信陵饮，脱剑膝前横。
              将炙啖朱亥，持觞劝侯嬴。
              三杯吐然诺，五岳倒为轻。
              眼花耳热后，意气素霓生。
              救赵挥金槌，邯郸先震惊。
              千秋二壮士，煊赫大梁城。
              纵死侠骨香，不惭世上英。
              谁能书阁下，白首太玄经。</p>
            <div class="more m1">
              <a href="/single.html" class="button--aylen button--round-l button--text-thick">查看详情</a>
            </div>
          </div>
          <div class="col-md-4 agile_blog_grid">
            <div class="video-img">
              <img src="/static/img/2.jpg" alt="" class="img-responsive" />
              <a class="agileits_play_icon popup-with-zoom-anim" href="#small-dialog">
                <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
              </a>
            </div>
            <h4><a href="single.html">锦瑟</a></h4>
            <p class="ut">锦瑟无端五十弦，一弦一柱思华年。
              庄生晓梦迷蝴蝶，望帝春心托杜鹃。
              沧海月明珠有泪，蓝田日暖玉生烟。
              此情可待成追忆，只是当时已惘然。</p>
            <div class="more m1">
              <a href="/single.html" class="button--aylen button--round-l button--text-thick">查看详情</a>
            </div>
          </div>
          <div class="col-md-4 agile_blog_grid">
            <div class="video-img">
              <img src="/static/img/4.jpg" alt="" class="img-responsive" />
              <a class="agileits_play_icon popup-with-zoom-anim" href="#small-dialog">
                <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
              </a>
            </div>
            <div id="small-dialog" class="mfp-hide">
              <iframe src="https://player.vimeo.com/video/86841887?color=ffffff"></iframe>
            </div>
            <h4><a href="/single.html">西塞山怀古</a></h4>
            <p class="ut">王濬楼船下益州，金陵王气黯然收。
              千寻铁索沉江底，一片江幡出石头。
              人间几回伤往事，山形依旧枕寒流。
              从今四海为家日，故垒萧萧芦狄秋。</p>
            <div class="more m1">
              <a href="/single.html" class="button--aylen button--round-l button--text-thick">查看详情</a>
            </div>
          </div>
          <div class="clearfix"> </div>
        </div>
      </div>
    </div>

    <div class="newsletter">
      <div class="container">
        <h3>真情反馈</h3>
        <p class="qui">因为你们，所以我们变得更好</p>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {

    }
  }
}
</script>

<style scoped>

</style>
